import React from 'react'
import { Tabs } from 'antd';
import { Divider, List, Typography } from 'antd';
function Index() {
  const onChange = key => {
    console.log(key);
  };
  const data = [
    {
      title:`如果当年利夫卡是复活币都`,
      pas:'1'
    },
    {
      title:`当事人回应刘强东给自已送外卖`,
      pas:'2'
    },
    {
      title:`顺义.朝阳. 通州间将添加一条地铁快线`,
      pas:'3'
    },
    {
      title:`5号线被骂衣服脏乘客家属发生`,
      pas:'4'
    },
    {
      title:`北京公园的小众秘境都在那儿`,
      pas:'5'
    },
    {
      title:`房山区良乡镇原副镇长侨菇`,
      pas:'6'
    },
  ];
  const items = [
    {
      key: '1',
      label: '热搜榜',
      children: '',
    },
    {
      key: '2',
      label: '北京榜',
      children: '',
    },
    {
      key: '3',
      label: '民生帮',
      children: '',
    },
  ];
  
  return (
    <div>
      <Tabs defaultActiveKey="1" items={items} onChange={onChange} />
      
      <List
      bordered
      dataSource={data}
      renderItem={item => (
        <List.Item>
          <Typography.Text mark></Typography.Text><b style={{color:'red'}}>{item.pas}</b> {item.title}
        </List.Item>
      )}
    />
    </div>
  )
}

export default Index
